<template>
  <div class="box">
    <HandVue
      :left="true"
      @back="router.back()"
      :title="route.query.title"
      :iconbool="false"
    ></HandVue>
    <div class="section">
      <div>
        <p v-for="item in article" :key="item">{{ item }}</p>
      </div>
    </div>
  </div>
</template>

<script setup>
import HandVue from "../../components/Hand.vue";
import { useRoute, useRouter } from "vue-router";
const route = useRoute();
const router = useRouter();
const article = [
  "责任声明",
  "此原型为OMINI.BASS（商铺链接：http://www.axureshop.com/shop/6824）电饭锅户籍科了发过火借口法国红酒法国红酒法国红酒看的法国红酒看发过火借口发过火借口发过火借口发过火借口",
  "此原型为OMINI.BASS（商铺链接：http://www.axureshop.com/shop/6824）",
  "此原型为OMINI.BASS（商铺链接：http://www.axureshop.com/shop/6824）",
  "此原型为OMINI.BASS（商铺链接：http://www.axureshop.com/shop/6824）",
  "此原型为OMINI.BASS（商铺链接：http:/法国红酒/www.axureshop.com/shop/6824）",
  "此原型为OMINI.BASS（商铺链接：http://www.axureshop.com/shop/6824）",
];
</script>

<style scoped>
.box {
  height: 100vh;
  display: flex;
  flex-direction: column;
}
.section {
  flex: 1;
  background: #ecfdfa;
}
.section > div {
  padding: 5.333vw;
  margin: 5.333vw;
  background: white;
  border-radius: 5.333vw;
}
.section > div > p {
  margin: 4vw 0;
  font-size: 3.2vw;
  color: #ccc;
}
.section > div > p:nth-child(1) {
  color: black;
  margin-top: 0;
  font-size: 4.533vw;
  font-weight: bold;
}
</style>
